<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>订单详情</title>
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/orderManage/xorderManage.css">
</head>

<body>
  <div class="container">
    <h5 class="text-center info-title">收货信息</h5>
    <div class="panel panel-default">
      <div class="panel-body">
        <p><strong><span>曾先生</span> <span>14141414141</span></strong></p>
        <p><strong>我假装是一个很长很长的地址，真是不可思议，真是不可思议，真是不可思议，真是不可思议，真是不可思议</strong></p>
      </div>
    </div>
    <h5 class="text-center info-title">商品信息</h5>
    <ul class="list-group my-list-group">
      <li class="list-group-item">
        <a href="#" class="goods-title">
          <span>06-12-12</span>
          <span class="pull-right">订单编号222222222</span>
        </a>
        <a href="##">
        <div class="good-content">
            <div class="goods-img">
              <img src="./img/logo/goods-ex.png">
            </div>
            <div class="goods-desc">
              <p class="text-12px">《晒日光浴的女孩》限量艺术雕塑《晒日光浴的女孩》限量艺术雕塑《晒日光浴的女孩》限量艺术雕塑《晒日光浴的女孩》限量艺术雕塑</p>
            </div>
            <div class="goods-status text-12px">
              <div class="goods-status-img"><span>待付款</span></div>
            </div>
          </div>
        </a>
        <div class="goods-foot text-right">
          <p class="text-12px">共<span>1</span>件商品 合计：¥<strong><span class="text-13px">24.00</span></strong>（含运费¥<span>1.11</span>）</p>
        </div>
        <div class="goods-foot text-right">
          <a class="btn btn-danger btn-sm">删除订单</a>
          <a class="btn btn-danger btn-sm" href="./orderCommit.html">前去付款</a>
          <!-- <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#payMoney">前去付款</a> -->
        </div>
      </li>
    </ul>
  </div>

  <!-- <div class="modal fade" id="payMoney" role="dialog" aria-hidden="true">
      <div class="modal-dialog modal-lg container" style="position: fixed; left: 0; right: 0; bottom: 10px; background: #fff;">
        <ul class="list-group" style="margin: 0;">
          <li class="list-group-item row">
            <div class="col-xs-3">
              <h5>支付方式</h5>
            </div>
            <div class="col-xs-9">
              <select class="form-control">
                <option value="余额支付">余额支付</option>
                <option value="支付宝">支付宝</option>
                <option value="微信支付">微信支付</option>
              </select>
            </div>
          </li>
          <li class="list-group-item row">
            <div class="col-xs-3">
              <h5>支付金额</h5>
            </div>
            <div class="col-xs-9">
              <h5 class="text-danger text-16px"><strong>¥6060</strong></h5>
            </div>
          </li>
          <li class="list-group-item row">
            <div class="col-xs-3">
              <h5>收货地址</h5>
            </div>
            <div class="col-xs-7 text-12px user-info">
              <p><span>曾先生</span> <span>14141414141</span></p>
              <p>我假装是一个很长很长的地址，真是不可思议</p>
            </div>
            <div class="col-xs-1" style="position: absolute; right: 14px; height:80%;">
              <a href="#" class="vertical-align"><img src="./img/logo/rightArrow.png"></a>
            </div>
          </li>
          <li class="list-group-item row">
            <div class="col-xs-offset-2 col-xs-8">
              <button class="btn btn-danger btn-block">确认支付</button>
            </div>
          </li>
        </ul>
      </div> -->
    </div>
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>